<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
		<title>{$article_info.article_title}-{$website_info.website_name}</title>
		<meta name="keywords" content="{$article_info.article_keywords}">
		<meta name="description" content="{$article_info.article_description}">
		<link rel="stylesheet" type="text/css" href="__CSS__/docs.min.css" />
		<link rel="stylesheet" type="text/css" href="__CSS__/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="__CSS__/bootstrap-theme.min.css" />
		<link rel="stylesheet" type="text/css" href="__TEMPLATE__/css/fld.css" />
		<script src="__JS__/jquery/1.9.1/jquery.min.js"></script>
		<script src="__JS__/bootstrap/bootstrap.js"></script>
		<script type="text/javascript">
			var web_site = "__ROOT__";
			var img_url = "__IMAGES__";
		</script>
		<script src="__JS__/home/emote.js"></script>
		<script type="text/javascript" src="__JS__/layer/2.4/layer.js"></script>
	</head>
	<body>
		{include file="public/header" /}
		<div class="f-content">
			<div class="container">
			  	    <!-- 左侧文章列表 begin-->
				    <div class="col-xs-12 col-sm-12 col-md-8 col-lg-8 article-content">
				  		<div class="row f-article-info">
				  			<h2 class="col-xs-12 col-sm-12 col-md-12 col-lg-12 title">{$article_info.article_title}</h2>
				  			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 article-other">
				  				<ul class="row">
				  					<li class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
				  						<i class="glyphicon glyphicon-user"></i>&nbsp;{$article_info.article_author}
				  					</li>
				  					<li class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
				  						<i class="glyphicon glyphicon-time"></i>&nbsp;{$article_info.add_time|date='Y年m月d日',###}
				  					</li>
				  					<li class="col-xs-4 col-sm-4 col-md-4 col-lg-4">
				  						阅读&nbsp;({$article_info.click})
				  					</li>
				  				</ul>
				  			</div>
				  			<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 f-article-content">
				  				{:setHtmlContent($article_info['article_content'])}
				  			</div>
				  		</div>
				  		<div class="row f-comment">
					  		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 f-comment-input">
					  			{empty name="Think.session.member_id"}
					  			<img class="f-head-img" src="__IMAGES__/home/avatar.jpg" title="{$website_info.website_name}">
					  			{/empty}
					  			{notempty name="Think.session.member_id"}
					  			<img class="f-head-img" src="{:session('head_imgurl')}" title="{$website_info.website_name}">
					  			{/notempty}
					  			<div class="f-comment-content">
					  				<div class="f-comment-textarea" id="f-comment-textarea-0" comment_id="0" contenteditable="true"></div>
					  				<div class="f-comment-submit">
					  					<div class="f-emote">
					  						<img class="f-face" id="f-face-0" comment_id="0"  src="__IMAGES__/home/smile.png"/>
					  						<div class="f-biaoqing" id="f-biaoqing-0" comment_id="0" style="display: none;">
					  							{foreach name="emote_list" item="vo"}
													<img src="__ROOT__/{$vo.img_url}" title="{$vo.title}" alt="{$website_info.website_name}">
												{/foreach}
					  						</div>
					  					</div>
					  					<div class="f-submit-button">
					  						<input type="button" class="btn btn-success" value="评 论" article_id="{$article_info.id}" uid="{:session('member_id')}" onclick="comment(this)">
					  					</div>
					  				</div>
					  			</div>
					  		</div>
					  		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 f-comment-title">
					  			<ul>
					  				<li><span class="f-comment-net">网友评论</span></li>
					  				<li style="text-align: right;color: #379be9;"><span>{$comment_count}条评论</span></li>
					  			</ul>
					  		</div>
					  		<!-- 网友评论 begin -->
					  		<div class="col-xs-12 col-sm-12 col-md-12 col-lg-12 f-comment-user">
					  			{foreach name="comment_list" item="cvo"} 
					  			<div id="comment-{$cvo.id}" class="row f-user f-comment-parent">
					  				<div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 f-pic-content">
					  					<img class="f-user-pic" src="{$cvo.head_imgurl}" alt="{$website_info.website_name}" title="{$website_info.website_name}">
					  				</div>
					  				<div class="col-xs-10 col-sm-11 col-md-11 col-lg-11">
					  					<p class="f-user-content">
					  						<span class="f-user-name">{$cvo.nick_name}</span>
					  						<span class="f-user-comment">{:setHtmlContent($cvo['content'])}</span>
					  					</p>
					  					<p class="f-user-date" id="f-user-date-{$cvo.id}">
					  						{$cvo.add_time|date="Y-m-d H:i:s",###}
					  						<a href="javascript:void(0)" article_id="{$article_info.id}" comment_id="{$cvo.id}" uid="{$cvo.member_id}" username="{$cvo.nick_name}" onclick="show_comment(this)">回复</a>
					  					</p>
					  					<!-- 回复评论 begin --> 
					  					{foreach name="cvo.child_list" item="nvo"} 
						  				<div id="comment-{$nvo.id}" class="row f-user f-comment-child">
						  					<div class="col-xs-2 col-sm-1 col-md-1 col-lg-1 f-pic-content">
							  					<img class="f-user-pic" src="{$nvo.head_imgurl}" alt="{$website_info.website_name}" title="{$website_info.website_name}">
							  				</div>
							  				<div class="col-xs-10 col-sm-11 col-md-11 col-lg-11">
							  					<p class="f-user-content">
							  						<span class="f-reply-name">{$nvo.nick_name}</span>
							  						<span class="f-reply">回复</span>
							  						<span class="f-user-name">{$nvo.reply_name}</span>
							  						<span class="f-user-comment">{:setHtmlContent($nvo['content'])}</span>
							  					</p>
							  					<p class="f-user-date" id="f-user-date-{$nvo.id}">
							  						{$nvo.add_time|date="Y-m-d H:i:s",###}
							  						<a href="javascript:void(0)" article_id="{$article_info.id}" pid="{$nvo.pid}" uid="{$nvo.member_id}" comment_id="{$nvo.id}" username="{$nvo.nick_name}" onclick="show_comment(this)">回复</a>
							  					</p>
							  				</div>
						  				</div>
						  				{/foreach}
						  				<!-- 回复评论 end -->
					  				</div>
					  			</div>
					  			{/foreach}
					  			{if condition="$comment_count gt 10"}
					  			<div class="row f-more">
									<a href="javascript:void(0)" id="getMoreArticles" article_id="{$article_info.id}">查看更多</a>
								</div>
								{/if}
					  		</div>
					  		<!-- 网友评论 end -->
					  	</div>
				  	</div>
				  	<!-- 左侧文章列表 end-->
				  	<!-- 右侧通用列表 begin-->
					<div class="col-lg-4 col-md-4 hidden-xs hidden-sm">
						{include file="public/righter" /}
					</div>
				  	<!-- 右侧通用列表 end-->
				</div>
			</div>
		</div>
		{include file="public/footer" /}
	</body>
	<script type="text/javascript">
		var emote_html = "";
		{foreach name="emote_list" item="vo"}
			emote_html += '<img src="__ROOT__/{$vo.img_url}" title="{$vo.title}" alt="{$website_info.website_name}">';
		{/foreach}
	</script>
</html>